﻿<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>陳賀的台灣之旅</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="keywords" content="台灣龍華科技大學/>

  <!-- Facebook and Twitter integration -->
  <meta property="og:title" content=""/>
  <meta property="og:image" content=""/>
  <meta property="og:url" content=""/>
  <meta property="og:site_name" content=""/>
  <meta property="og:description" content=""/>
  <meta name="twitter:title" content="" />
  <meta name="twitter:image" content="" />
  <meta name="twitter:url" content="" />
  <meta name="twitter:card" content="" />

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
  <link rel="shortcut icon" href="favicon.ico">
  
  <!-- Animate.css -->
  <link rel="stylesheet" href="css/animate.css">
  <!-- Icomoon Icon Fonts-->
  <link rel="stylesheet" href="css/icomoon.css">
  <!-- Simple Line Icons -->
  <link rel="stylesheet" href="css/simple-line-icons.css">
  <!-- Owl Carousel -->
  <link rel="stylesheet" href="css/owl.carousel.min.css">
  <link rel="stylesheet" href="css/owl.theme.default.min.css">
  <!-- Bootstrap  -->
  <link rel="stylesheet" href="css/bootstrap.css">

  <link rel="stylesheet" href="css/style_1_1.css">

  <!-- Styleswitcher ( This style is for demo purposes only, you may delete this anytime. ) -->
  <link rel="stylesheet" id="theme-switch" href="css/style_1_1.css">
  <!-- End demo purposes only -->

  <!-- Modernizr JS -->
  <script src="js/modernizr-2.6.2.min.js"></script>
  <!-- FOR IE9 below -->
  <!--[if lt IE 9]>
  <script src="js/respond.min.js"></script>
  <![endif]-->



  </head>
<body>

	  <header role="banner" id="fh5co-header">
    <div class="container">
      <!-- <div class="row"> -->
          <nav class="navbar navbar-default">
              <div class="navbar-header">
                <!-- Mobile Toggle Menu Button -->
          <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
                  <a class="navbar-brand" href="./"><img src="images/zesql4.png" />Smileher</a>
              </div>
              <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                  <li class="active"><a href="#" data-nav-section="home"><span>首頁</span></a></li>
                  <li><a href="#" data-nav-section="services"><span>青見</span></a></li>
                  <li><a href="#" data-nav-section="pricing"><span>廷廷</span></a></li>
                  <li><a href="#" data-nav-section="press"><span>小友</span></a></li>
                  <li><a href="#" data-nav-section="testimonials"><span>源仔</span></a></li>
            </ul>
              </div>
          </nav>
      </div>
  </header>
	<div id="slider" data-section="home">
		<div class="owl-carousel owl-carousel-fullwidth">

		    <div class="item" style="background-image:url(images/hn0fqc.jpg)">
		    	<div class="overlay"></div>
		    	<div class="container" style="position: relative;">
		    		<div class="row">
		    			<div class="col-md-8 col-md-offset-2 text-center">
		    				<div class="fh5co-owl-text-wrap">
						    	<div class="fh5co-owl-text">
		    						<h1 class="fh5co-lead to-animate">青見，廷廷，源仔，小友</h1>
									<h2 class="fh5co-sub-lead to-animate">感謝四位隊輔對我們的照顧！</h2>
								</div>
							</div>
		    			</div>
		    		</div>
		    	</div>
		    </div>
		    <div class="item" style="background-image:url(images/29uhkr.jpg)">
		    	<div class="container" style="position: relative;">
		    		<div class="row">
					    <div class="col-md-7 col-sm-7">
			    			<div class="fh5co-owl-text-wrap">
						    	<div class="fh5co-owl-text">
						    		<h1 class="fh5co-lead to-animate">廷廷</h1>
									<h2 class="fh5co-sub-lead to-animate">永遠記得廷廷無微不至的照顧我們</h2>
						    	</div>
						    </div>
					    </div>
		    		</div>
		    	</div>
		    </div>
		    <div class="item item3" style="background-image:url(images/0i6fae.jpg)">
		    	<div class="container" style="position: relative;">
		    		<div class="row">
		    			<div class="col-md-7 col-md-push-1 col-md-push-5 col-sm-7 col-sm-push-1 col-sm-push-5">
			    			<div class="fh5co-owl-text-wrap">
						    	<div class="fh5co-owl-text">
						    		<h1 class="fh5co-lead to-animate">青見</h1>
									<h2 class="fh5co-sub-lead to-animate">忘不了青見對我們的細心教導</h2>
						    	</div>
						    </div>
					    </div>
		    		</div>
		    	</div>
		    </div>

		</div>
	</div>
    
    <div class="copyrights">Collect from <a href="#" >Smileher</a></div>
	
	<div id="fh5co-our-services" data-section="services">
		<div class="container">
			<div class="row row-bottom-padded-sm">
				<div class="col-md-12 section-heading text-center">
					<h2 class="to-animate">青見</h2>
					<div class="row">
						<div class="col-md-8 col-md-offset-2 to-animate">
							<h3>第一天遇見的就是青見，她全程陪伴著我們，她不僅僅是我們的隊輔，而且早就已經和我們的團隊融為一體！</h3>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4">
					<div class="box to-animate">
						<div class="icon colored-5"><span><i class="icon-rocket"></i></span></div>
						<h3>第一天</h3>
						<p>帶領我們做遊戲，讓我們互相介紹並且迅速融為一體</p>
					</div>
					<div class="box to-animate">
						<div class="icon colored-4"><span><i class="icon-heart"></i></span></div>
						<h3>第二，三天</h3>
						<p>和老師一起帶領我們參觀台灣龍華科技大學校園</p>
					</div>
				</div>
				<div class="col-md-4">
					<div class="box to-animate">
						<div class="icon colored-2"><span><i class="icon-screen-desktop"></i></span></div>
						<h3>第四，五天</h3>
						<p>陪伴我們上課，教我們一些學校規定，帶我們逛景區與購物中心</p>
					</div>
					<div class="box to-animate">
						<div class="icon colored-1"><span><i class="icon-mustache"></i></span></div>
						<h3>第六，七天</h3>
						<p>陪我們去台中市嘉義縣，登阿里山，坐森林小火車，看風景</p>
					</div>
				</div>
				<div class="col-md-4">
					<div class="box to-animate">
						<div class="icon colored-3"><span><i class="icon-user"></i></span></div>
						<h3>第八，九天</h3>
						<p>看日出，日落，畫心智圖，開總結會</p>
					</div>
					<div class="box to-animate">
						<div class="icon colored-6"><span><i class="icon-eye"></i></span></div>
						<h3>第十天</h3>
						<p>最後一上午，陪我們做活動</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div id="fh5co-pricing" data-section="pricing">
		<div class="container">
			<div class="row">
				<div class="col-md-12 section-heading text-center">
					<h2 class="single-animate animate-pricing-1">愛心+熱情+細心</h2>
					<div class="row">
						<div class="col-md-8 col-md-offset-2 subtext single-animate animate-pricing-2">
							<h3>這是我這幾天對廷廷的印象</h3>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 col-sm-6 to-animate">
					<div class="price-box popular">
						<div class="popular-text">愛心</div>
						<p>當我的腳起水泡了，她幫我紮開水泡，並且上藥，包紮</p>
						<hr>
						<ul class="pricing-info">
							<li>愛心+熱情+細心</li>
						</ul>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 to-animate">
					<div class="price-box popular">
						<div class="popular-text">热情</div>
						<p>每天晚上，她和青見都會來宿舍給我們送好吃的零食</p>
						<hr>
						<ul class="pricing-info">
							<li>愛心+熱情+細心</li>
						</ul>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 to-animate">
					<div class="price-box popular">
						<div class="popular-text">细心</div>
						<p>在大巴車上，她和青見反复提醒暈車的同學要吃暈車藥</p>
						<hr>
						<ul class="pricing-info">
							<li>愛心+熱情+細心</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 col-md-offset-4">
					<a href="#" class="btn btn-primary btn-block">廷廷+青见+源仔+小友=∞</a>
				</div>
			</div>
		</div>
	</div>
	
	<div id="fh5co-press" data-section="press">
		<div class="container">
			<div class="row">
				<div class="col-md-12 section-heading text-center">
					<h2 class="single-animate animate-press-1">小友</h2>
					<div class="row">
						<div class="col-md-8 col-md-offset-2 subtext single-animate animate-press-2">
							<h3>名字叫陳學友，雖然和張學友重名，但是一句歌都沒唱給我們聽過！</h3>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-8 col-md-offset-2">
				<div class="row row-bottom-padded-lg">
					<div class="col-md-6 text-center to-animate">
						<div class="person">
							<a href="ios.html"><img src="images/person2.jpg" class="img-responsive img-rounded" alt="Person"></a>
							<a href="ios.html"><h3 class="name">樂於助人</h3></a>
							<div class="position">非常積極的幫助我解決我在學習和學校中遇到的問題</div>
						</div>
					</div>
					<div class="col-md-6 text-center to-animate">
						<div class="person">
							<a href="and.html"><img src="images/person3.jpg" class="img-responsive img-rounded" alt="Person"></a>
							<a href="and.html"><h3 class="name">愛好廣泛</h3></a>
							<div class="position">喜歡看漫畫與收集，給我們推薦了很多好吃的好喝的零食與小吃</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	
		<div id="fh5co-testimonials" data-section="testimonials">		
		<div class="container">
			<div class="row">
				<div class="col-md-12 section-heading text-center">
					<h2 class="to-animate">源仔</h2>
					<div class="row">
						<div class="col-md-8 col-md-offset-2 subtext to-animate">
							<h3>非常可愛的一個男生，不过欠我們一頓酒！</h3>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4">
					<div class="box-testimony to-animate">
						<blockquote>
							<span class="quote"><span><i class="icon-quote-left"></i></span></span>
							<p>因為有一個成語叫飲水思源，故名字為源仔，非常好聽的一個名字</p>
						</blockquote>
						<p class="author">名字</p>
					</div>
				</div>
				<div class="col-md-4">
					<div class="box-testimony to-animate">
						<blockquote>
							<span class="quote"><span><i class="icon-quote-left"></i></span></span>
							<p>幾乎每天晚上都要忙著去上班，平常很少能見到他，很辛苦</p>
						</blockquote>
						<p class="author">忙碌</p>
					</div>
				</div>
				<div class="col-md-4">
					<div class="box-testimony to-animate">
						<blockquote>
							<span class="quote"><span><i class="icon-quote-left"></i></span></span>
							<p>經常在群裡聊天，活躍氣氛，晚上回來以後會來宿舍和我們聊天</p>
						</blockquote>
						<p class="author">活躍</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	
	
	    <hr>
    <footer id="footer" role="contentinfo">
        <div class="container">
            <div class="row row-bottom-padded-sm">
                <div class="col-md-12">
                    <p class="copyright text-center">&copy; 2017 <a href="http://www.smilehe.website/">Smileher</a>. All Rights Reserved. 陳賀製作</a></p>
                </div>
            </div>
            <div class="row hide">
                <div class="col-md-12 text-center">
                    <ul class="social social-circle">
                        <li><a href="#"><i class="icon-twitter"></i></a></li>
                        <li><a href="#"><i class="icon-facebook"></i></a></li>
                        <li><a href="#"><i class="icon-youtube"></i></a></li>
                        <li><a href="#"><i class="icon-pinterest"></i></a></li>
                        <li><a href="#"><i class="icon-linkedin"></i></a></li>
                        <li><a href="#"><i class="icon-instagram"></i></a></li>
                        <li><a href="#"><i class="icon-dribbble"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>



    
    <!-- jQuery -->
    <script src="js/jquery.min.js"></script>
    <!-- jQuery Easing -->
    <script src="js/jquery.easing.1.3.js"></script>
    <!-- Bootstrap -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Waypoints -->
    <script src="js/jquery.waypoints.min.js"></script>
    <!-- Owl Carousel -->
    <script src="js/owl.carousel.min.js"></script>

    <!-- For demo purposes only styleswitcher ( You may delete this anytime ) -->
    <script src="js/jquery.style.switcher.js"></script>
    <script>
    $(function(){
        $('#colour-variations ul').styleSwitcher({
            defaultThemeId: 'theme-switch',
            hasPreview: false,
            cookie: {
                expires: 30,
                isManagingLoad: true
            }
        }); 
        $('.option-toggle').click(function() {
            $('#colour-variations').toggleClass('sleep');
        });
    });
    </script>
    <!-- End demo purposes only -->

    <!-- Main JS (Do not remove) -->
    <script src="js/main.js"></script>

    <!-- Add fancyBox main JS and CSS files -->  
    <script src="js/jquery.fancybox.js" type="text/javascript"></script>  
    <link href="css/jquery.fancybox.css" media="screen" rel="stylesheet" type="text/css" />  
    <!-- fancybox_app -->  
    <script src="js/fancybox_app.js" type="text/javascript"></script>  
    <!-- Add mousewheel plugin (this is optional) -->  
    <script src="js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>  
	</body>
</html>
